<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/user/public.css">
    <link rel="stylesheet" href="css/user/index.css">
 	<link rel="stylesheet" href="css/pagination.css" />
    <script language="javascript" type="text/javascript" src="js/user/jquery-1.8.3.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/user/index.js"></script>
    <title>我的资产</title>
</head>
<body>
<!--top-->
<div class="contact_main">
    <div class="contact_main_title">
        <p>我的资产</p>
    </div>
    <div class="contact_main_cont">
        <div class="assets_main_top">
            <!--<div class="assets_main_top_one">-->
                <!--<p class="assets_main_top_one_money"><em>66240.00</em>元</p>-->
                <!--<p class="assets_main_top_one_title">账户总金额</p>-->
            <!--</div>-->
            <!--<img src="images/assets_icon.png" >-->
            <!--<div class="assets_main_top_two">-->
                <!--<p class="assets_main_top_one_money1"><em>12000.00</em>元</p>-->
                <!--<p class="assets_main_top_one_title">可提现金额</p>-->
                <!--<p class="assets_main_top_one_title"><input type="button" value="充值" class="assets_recharge"/><input type="button" value="提现" class="assets_withdrawals"/></p>-->
            <!--</div>-->
            <!--<img src="images/assets_icon.png" >-->
            <!--<div class="assets_main_top_three">-->
                <!--<p class="assets_main_top_one_money2"><em>12000.00</em>元</p>-->
                <!--<p class="assets_main_top_one_title">冻结金额</p>-->
            <!--</div>-->
            <!--<div class="cleardiv"></div>-->
        </div>
        <div class="assets_all">
            <!--<p class="assets_all_cont"><span>累计投资：</span><em><i>45980000.00</i>元</em><span class="assets_line"></span></p>-->
            <!--<p class="assets_all_cont1"><span>累计提现：</span><em><i>45980000.00</i>元</em><span class="assets_line"></span></p>-->
            <!--<p class="assets_all_cont2"><span>累计充值：</span><em><i>45980000.00</i>元</em></p>-->
        </div>
        <div class="assets_title">
            <p>交易明细</p>
        </div>
        <div class="assets_tab_title">
            <ul>
                <li class="zuijin assets_on">最近交易记录</li>
                <li class="chongzhi">充值记录</li>
                <li class="tixian">提现记录</li>
                <li class="fanxian">返现记录</li>
                <li>投资记录</li>
                <div class="cleardiv"></div>
            </ul>

        </div>
        <div class="lately_box">
            <div class="contact_main_cont_from">
                <div class="contact_main_cont_from_title">
                    <ul>
                        <li class="assets_check_time">时间</li>
                        <li class="assets_check_style">类型</li>
                        <li class="assets_check_sz">额度</li>
                        <li class="assets_check_zt">状态</li>
                        <li class="assets_check_num">交易号 </li>
                        <div class="cleardiv"></div>
                    </ul>
                </div>
                <div class="contact_main_cont_from_cont">
                    <div class="contact_main_cont_from_cont_all">
                    </div>
                    <div class="pagination clearfix">
                        <div id="page" class="m-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="recharge_box">
            <div class="contact_main_cont_from">
                <div class="contact_main_cont_from_title">
                    <ul>
                        <li class="assets_check_time">时间</li>
                        <li class="assets_check_style">类型</li>
                        <li class="assets_check_sz">额度</li>
                        <li class="assets_check_zt">状态</li>
                        <li class="assets_check_num">交易号 </li>
                        <div class="cleardiv"></div>
                    </ul>
                </div>
                <div class="contact_main_cont_from_cont">
                    <div class="contact_main_cont_from_cont_all">
                    </div>
                    <div class="pagination clearfix">
                        <div id="page2" class="m-pagination2"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="withdrawals_box">
            <div class="contact_main_cont_from">
                <div class="contact_main_cont_from_title">
                    <ul>
                        <li class="assets_check_time">时间</li>
                        <li class="assets_check_style">类型</li>
                        <li class="assets_check_sz">额度</li>
                        <li class="assets_check_zt">状态</li>
                        <li class="assets_check_num">交易号 </li>
                        <div class="cleardiv"></div>
                    </ul>
                </div>
                <div class="contact_main_cont_from_cont">
                    <div class="contact_main_cont_from_cont_all">
                    </div>
                    <div class="pagination clearfix">
                        <div id="page3" class="m-pagination3"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="back_now_box">
            <div class="contact_main_cont_from">
                <div class="contact_main_cont_from_title">
                    <ul>
                        <li class="assets_check_time">时间</li>
                        <li class="assets_check_style">类型</li>
                        <li class="assets_check_sz">额度</li>
                        <li class="assets_check_zt">状态</li>
                        <li class="assets_check_num">交易号 </li>
                        <div class="cleardiv"></div>
                    </ul>
                </div>
                <div class="contact_main_cont_from_cont">
                    <div class="contact_main_cont_from_cont_all">
                    </div>
                    <div class="pagination clearfix">
                        <div id="page4" class="m-pagination4"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="investment_box">
            <div class="contact_main_cont_from">
                <div class="contact_main_cont_from_title">
                    <ul>
                        <li class="assets_check_time">时间</li>
                        <li class="assets_check_style">类型</li>
                        <li class="assets_check_sz">额度</li>
                        <li class="assets_check_zt">状态</li>
                        <li class="assets_check_num">交易号 </li>
                        <div class="cleardiv"></div>
                    </ul>
                </div>
                <div class="contact_main_cont_from_cont">
                    <div class="contact_main_cont_from_cont_all">
                    </div>
                    <div class="pagination clearfix">
                        <div id="page5" class="m-pagination5"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
<!--main-->

<script>

    $(document).ready(function(){
        var transType1
        var pageIndex1;
        var pageSize1 ;
            $.ajax({
                url:"lt/user/getAccountOverview",
                data:"",
                type:"get",
                success:function(data){
                   if(data.result != 0){
                 	   handlerError(data);
               		 }else{
                        var shuju = data.data;
                        
//                            alert(shuju[i].accountBalance)
                            var html="<div class='assets_main_top_one'>" +
                                    "<p class='assets_main_top_one_money'><em>"+shuju.accountBalance+"</em>元</p>" +
                                    "<p class='assets_main_top_one_title'>账户总金额</p>" +
                                    "</div>" +
                                    "<img src='images/assets_icon.png' >" +
                                    "<div class='assets_main_top_two'>" +
                                    "<p class='assets_main_top_one_money1'><em>"+shuju.withdrawAmount+"</em>元</p>" +
                                    "<p class='assets_main_top_one_title'>可提现金额</p>" +
                                    "<p class='assets_main_top_one_title'><input type='button' value='充值' class='assets_recharge'/><input type='button' value='提现' class='assets_withdrawals'/></p>" +
                                    "</div>" +
                                    "<img src='images/assets_icon.png' >" +
                                    "<div class='assets_main_top_three'>" +
                                    "<p class='assets_main_top_one_money2'><em>"+shuju.freezeAmount+"</em>元</p>" +
                                    "<p class='assets_main_top_one_title'>冻结金额</p>" +
                                    "</div>";
                            $(".assets_main_top").append(html);

                            var _html1="<p class='assets_all_cont'><span>累计投资：</span><em><i>"+shuju.investedTotal+"</i>元</em><span class='assets_line'></span></p>" +
                            "<p class='assets_all_cont1'><span>累计提现：</span><em><i>"+shuju.withdrawTotal+"</i>元</em><span class='assets_line'></span></p>" +
                            "<p class='assets_all_cont2'><span>累计充值：</span><em><i>"+shuju.rechargeTotal+"</i>元</em></p>";
                            $(".assets_all").append(_html1);
                        
                    }
                }
            });

//            console.log('yes');
            $.ajax({
                url:"lt/user/transDetail",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                  	  handlerError(data);
               		 }else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){
                            var transType=data[i].transType;
                            console.log(transType);
                            if(transType=="1") {
                                transType = "最近交易";
                            }
                            if(transType=="2") {
                                transType = "充值记录";
                            }
                            if(transType=="3") {
                                transType = "提现";
                            }
                            if(transType=="4") {
                                transType = "返现";
                            }
                            if(transType=="5") {
                                transType = "投资";
                            }
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".contact_main_cont_from_cont_all").append(_transHtml);

                            }
                        }
                    $(".contact_main_cont_from_cont_all ul:odd").css("background","#f9f9f9");
                    }
            });
        $('.zuijin').click(function(){
            var transType
            var pageIndex;
            var pageSize ;
            $(".lately_box .contact_main_cont_from_cont_all").html("");
            $.ajax({
                url:"lt/user/transDetail/trans.json",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                  	  handlerError(data);
                		}else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){

                            var transType=data[i].transType;
                            if(transType=="1") {
                                transType = "最近交易";
                            }
                            if(transType=="2") {
                                transType = "充值记录";
                            }
                            if(transType=="3") {
                                transType = "提现";
                            }
                            if(transType=="4") {
                                transType = "返现";
                            }
                            if(transType=="5") {
                                transType = "投资";
                            }
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".lately_box .contact_main_cont_from_cont_all").append(_transHtml);
                            }
                        }
                    $(".contact_main_cont_from_cont_all ul:even").css("background","#f9f9f9");
                }
            });
        });
        $('.tixian').click(function(){
            var transType
            var pageIndex;
            var pageSize ;
            $(".withdrawals_box .contact_main_cont_from_cont_all").html("");
            $.ajax({
                url:"lt/user/transDetail",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                   		 handlerError(data);
              		  }else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){
                            var transType=data[i].transType;
                            if(transType=="3") {
                                transType = "提现";
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".withdrawals_box .contact_main_cont_from_cont_all").append(_transHtml);
                            }
                        }
                    }
                    $(".contact_main_cont_from_cont_all ul:even").css("background","#f9f9f9");
                }
            });
        });
        $('.fanxian').click(function(){
            var transType
            var pageIndex;
            var pageSize ;
            $(".back_now_box .contact_main_cont_from_cont_all").html("");
            $.ajax({
                url:"lt/user/transDetail",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                      handlerError(data);
                   }else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){
                            var transType=data[i].transType;
                            if(transType=="4") {
                                transType = "返现";
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".back_now_box .contact_main_cont_from_cont_all").append(_transHtml);
                            }
                        }
                    }
                    $(".contact_main_cont_from_cont_all ul:even").css("background","#f9f9f9");
                }
            });
        });
        $('.chongzhi').click(function(){
            var transType
            var pageIndex;
            var pageSize ;
            $(".recharge_box .contact_main_cont_from_cont_all").html("");
            $.ajax({
                url:"lt/user/transDetail",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                  		  handlerError(data);
              		  }else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){
                            var transType=data[i].transType;
                            if(transType=="2") {
                                transType = "充值记录";
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".recharge_box .contact_main_cont_from_cont_all").append(_transHtml);
                            }
                        }
                    }
                    $(".contact_main_cont_from_cont_all ul:odd").css("background","#f9f9f9");
                }
            });
        });
        $('.touzi').click(function(){
            var transType
            var pageIndex;
            var pageSize ;
            $(".investment_box .contact_main_cont_from_cont_all").html("");
            $.ajax({
                url:"lt/user/transDetail",
                data:{transType:transType,pageIndex:pageIndex,pageSize:pageSize},
                type:"Get",
                success:function(data){
                    if(data.result != 0){
                 		   handlerError(data);
                		}else{
                        var data = data.data;
                        for(var i = 0; i<data.length; i++){
                            var transType=data[i].transType;
                            if(transType=="5") {
                                transType = "投资";
                                var _transHtml="<ul>" +
                                        "<li class='assets_check_time'>"+data[i].transTime+"</li>" +
                                        "<li class='assets_check_style'>"+transType+"</li>" +
                                        "<li class='assets_check_sz'>"+data[i].amount+"</li>" +
                                        "<li class='assets_check_zt'>"+data[i].status+"</li>" +
                                        "<li class='assets_check_num'>"+data[i].transSeq+"</li>" +
                                        "<div class='cleardiv'></div>" +
                                        "</ul>";
                                $(".investment_box .contact_main_cont_from_cont_all").append(_transHtml);
                            }
                        }
                    }
                    $(".contact_main_cont_from_cont_all ul:even").css("background","#f9f9f9");
                }
            });
        });

//        最近交易
        var $pagination = $('<div></div>');
        $pagination.addClass("m-pagination").attr("id","page");
        $(".person-content").append($("#page"));
        $("#page").pagination({
            pageSize: 1,
            total: 1000,
            pageBtnCount: 6,
            showFirstLastBtn:false,
            prevBtnText:"<",
            nextBtnText:">"
        });
        $("#page").on("pageClicked", function (event, data) {
            assetsPage(data);
        });

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
        var assetsPage = function(opts) {
            //remember data
            if(!!window.sessionStorage.getItem("projectJson")){
                var projectJson = window.sessionStorage.getItem("projectJson");
            }
            $.get("lt/user/transDetail", _.extend({}, opts, projectJson),function(data){
            	  if(data.result != 0){
                    handlerError(data);
                } else{
                    var projectData = data.data;
                    $(".project-list-show").html(assetsPage);
                    $("#page").pagination('setPageSize', data.total);

                    for(var i=0; i < projectData.length; i++) {
                        //环形进度条调用
                        var cricleStyleOne = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: 0,//progress bar width
                            showText: true //show progress text or not
                        };
                        var cricleStyle = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: projectData[i].finace_rate,//progress percentage out of 100
                            progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
                            showText: true//show progress text or not
                        };
                        if (projectData[i].finace_rate > 50) {
                            cricleStyleOne.fontColor = "#66b56a";
                            cricleStyleOne.progressBarColor = "#66b56a";
                            cricleStyle.fontColor = "#66b56a";
                            cricleStyle.progressBarColor = "#66b56a";
                        }
                        //第一次随便写，如果只写一遍则不会显示%
                        $("#circlePro" + i).circularloader(cricleStyleOne);
                        //第二次调用显示%
                        $("#circlePro" + i).circularloader(cricleStyle);
                    }
                }
            });
        };
        assetsPage();

//        充值记录
        var $pagination2 = $('<div></div>');
        $pagination2.addClass("m-pagination").attr("id","page2");
        $(".person-content2").append($("#page2"));
        $("#page2").pagination({
            pageSize: 2,
            total: 1000,
            pageBtnCount: 6,
            showFirstLastBtn:false,
            prevBtnText:"<",
            nextBtnText:">"
        });
        $("#page2").on("pageClicked", function (event, data) {
            console.log(data);
            czPage(data);
        });

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
        var czPage = function(opts) {
            //remember data
            if(!!window.sessionStorage.getItem("projectJson")){
                var projectJson = window.sessionStorage.getItem("projectJson");
            }
            console.log('projectJson---->'+projectJson);
            $.get("lt/user/transDetail/trans.json", _.extend({}, opts, projectJson),function(data){
                //console.log('ajaData'+data.result);
                if(!data.result){
                    var projectData = data.data;
                    $(".project-list-show").html(czPage);
                    $("#page").pagination('setPageSize', data.total);

                    for(var i=0; i < projectData.length; i++) {
                        //环形进度条调用
                        var cricleStyleOne = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: 0,//progress bar width
                            showText: true //show progress text or not
                        };
                        var cricleStyle = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: projectData[i].finace_rate,//progress percentage out of 100
                            progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
                            showText: true//show progress text or not
                        };
                        if (projectData[i].finace_rate > 50) {
                            cricleStyleOne.fontColor = "#66b56a";
                            cricleStyleOne.progressBarColor = "#66b56a";
                            cricleStyle.fontColor = "#66b56a";
                            cricleStyle.progressBarColor = "#66b56a";
                        }
                        //第一次随便写，如果只写一遍则不会显示%
                        $("#circlePro" + i).circularloader(cricleStyleOne);
                        //第二次调用显示%
                        $("#circlePro" + i).circularloader(cricleStyle);
                    }
                }
            });
        };
        czPage();

        //       提现记录
        var $pagination3 = $('<div></div>');
        $pagination3.addClass("m-pagination").attr("id","page3");
        $(".person-content3").append($("#page3"));
        $("#page3").pagination({
            pageSize: 3,
            total: 1000,
            pageBtnCount: 6,
            showFirstLastBtn:false,
            prevBtnText:"<",
            nextBtnText:">"
        });
        $("#page3").on("pageClicked", function (event, data) {
            console.log(data);
            txPage(data);
        });

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
        var txPage = function(opts) {
            //remember data
            if(!!window.sessionStorage.getItem("projectJson")){
                var projectJson = window.sessionStorage.getItem("projectJson");
            }
            console.log('projectJson---->'+projectJson);
            $.get("lt/user/transDetail/trans.json", _.extend({}, opts, projectJson),function(data){
            		if(data.result != 0){
                    handlerError(data);
                } else{
                    var projectData = data.data;
                    $(".project-list-show").html(txPage);
                    $("#page").pagination('setPageSize', data.total);

                    for(var i=0; i < projectData.length; i++) {
                        //环形进度条调用
                        var cricleStyleOne = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: 0,//progress bar width
                            showText: true //show progress text or not
                        };
                        var cricleStyle = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: projectData[i].finace_rate,//progress percentage out of 100
                            progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
                            showText: true//show progress text or not
                        };
                        if (projectData[i].finace_rate > 50) {
                            cricleStyleOne.fontColor = "#66b56a";
                            cricleStyleOne.progressBarColor = "#66b56a";
                            cricleStyle.fontColor = "#66b56a";
                            cricleStyle.progressBarColor = "#66b56a";
                        }
                        //第一次随便写，如果只写一遍则不会显示%
                        $("#circlePro" + i).circularloader(cricleStyleOne);
                        //第二次调用显示%
                        $("#circlePro" + i).circularloader(cricleStyle);
                    }
                }
            });
        };
        txPage();
        //       提现记录
        var $pagination4 = $('<div></div>');
        $pagination4.addClass("m-pagination").attr("id","page4");
        $(".person-content4").append($("#page4"));
        $("#page4").pagination({
            pageSize: 4,
            total: 1000,
            pageBtnCount: 6,
            showFirstLastBtn:false,
            prevBtnText:"<",
            nextBtnText:">"
        });
        $("#page4").on("pageClicked", function (event, data) {
            console.log(data);
            fxPage(data);
        });

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
        var fxPage = function(opts) {
            //remember data
            if(!!window.sessionStorage.getItem("projectJson")){
                var projectJson = window.sessionStorage.getItem("projectJson");
            }
            console.log('projectJson---->'+projectJson);
            $.get("lt/user/transDetail/trans.json", _.extend({}, opts, projectJson),function(data){
            		if(data.result != 0){
                    handlerError(data);
                }else{
                    var projectData = data.data;
                    $(".project-list-show").html(fxPage);
                    $("#page").pagination('setPageSize', data.total);

                    for(var i=0; i < projectData.length; i++) {
                        //环形进度条调用
                        var cricleStyleOne = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: 0,//progress bar width
                            showText: true //show progress text or not
                        };
                        var cricleStyle = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: projectData[i].finace_rate,//progress percentage out of 100
                            progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
                            showText: true//show progress text or not
                        };
                        if (projectData[i].finace_rate > 50) {
                            cricleStyleOne.fontColor = "#66b56a";
                            cricleStyleOne.progressBarColor = "#66b56a";
                            cricleStyle.fontColor = "#66b56a";
                            cricleStyle.progressBarColor = "#66b56a";
                        }
                        //第一次随便写，如果只写一遍则不会显示%
                        $("#circlePro" + i).circularloader(cricleStyleOne);
                        //第二次调用显示%
                        $("#circlePro" + i).circularloader(cricleStyle);
                    }
                }
            });
        };
        fxPage();
        //       提现记录
        var $pagination5 = $('<div></div>');
        $pagination5.addClass("m-pagination").attr("id","page5");
        $(".person-content5").append($("#page5"));
        $("#page5").pagination({
            pageSize: 5,
            total: 1000,
            pageBtnCount: 6,
            showFirstLastBtn:false,
            prevBtnText:"<",
            nextBtnText:">"
        });
        $("#page5").on("pageClicked", function (event, data) {
            tzPage(data);
        });

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
        var tzPage = function(opts) {
            //remember data
            if(!!window.sessionStorage.getItem("projectJson")){
                var projectJson = window.sessionStorage.getItem("projectJson");
            }
            $.get("lt/user/transDetail/trans.json", _.extend({}, opts, projectJson),function(data){
            		if(data.result != 0){
                    handlerError(data);
                } else{
                    var projectData = data.data;
                    $(".project-list-show").html(tzPage);
                    $("#page").pagination('setPageSize', data.total);

                    for(var i=0; i < projectData.length; i++) {
                        //环形进度条调用
                        var cricleStyleOne = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: 0,//progress bar width
                            showText: true //show progress text or not
                        };
                        var cricleStyle = {
                            backgroundColor: "#fff",//background colour of inner circle
                            fontColor: "#ecb22e",//font color of progress text
                            fontSize: "20px",//font size of progress text
                            radius: 40,//radius of circle
                            progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
                            progressBarColor: "#ecb22e",//colour of circular progress bar
                            progressBarWidth: 10,//progress bar width
                            progressPercent: projectData[i].finace_rate,//progress percentage out of 100
                            progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
                            showText: true//show progress text or not
                        };
                        if (projectData[i].finace_rate > 50) {
                            cricleStyleOne.fontColor = "#66b56a";
                            cricleStyleOne.progressBarColor = "#66b56a";
                            cricleStyle.fontColor = "#66b56a";
                            cricleStyle.progressBarColor = "#66b56a";
                        }
                        //第一次随便写，如果只写一遍则不会显示%
                        $("#circlePro" + i).circularloader(cricleStyleOne);
                        //第二次调用显示%
                        $("#circlePro" + i).circularloader(cricleStyle);
                    }
                }
            });
        };
        tzPage();
    })

</script>
<script type="text/javascript" src="js/pagination.js" charset="utf-8"></script>
<script src="js/underscore.min.js"></script>
<!--<script src="js/handlebars-v4.0.5.js"></script>-->
<script src="js/CircularLoader.js"></script>

</body>
</html>